/*
_____________________________________________________________________________
 应用元素：button
 应用场景：按钮的动画效果
 作用：按钮样式
*/

/*Purple*/
.btn-style-purple-shadow {
    background-color: rgb(135, 90, 123) !important;
    border: none !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 8px 23px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block;
    font-size: 12px !important;
    margin: 4px 2px !important;
    cursor: pointer !important;
    transition-duration: 0.4s !important;
    -webkit-transition-duration: 0.4s !important;
}

.btn-style-purple-shadow:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .24),
    0 17px 50px 0 rgba(0, 0, 0, .19) !important;
}

/*深灰*/
.btn-style-grey-shadow {
    background-color: rgb(196, 158, 110) !important;
    border: none !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 8px 23px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block;
    font-size: 12px !important;
    margin: 4px 2px !important;
    cursor: pointer !important;
    transition-duration: 0.4s !important;
    -webkit-transition-duration: 0.4s !important;
}

.btn-style-grey-shadow:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .24),
    0 17px 50px 0 rgba(0, 0, 0, .19) !important;
}

